@charset "utf-8";
.button-01 {
	font-size: 1.285714285714286em;
	height: 2.888888888888889em;
	line-height: 2.888888888888889em;
	padding: 0 3.555555555555556em;
	background: #005ead;
	color: #fff;
	border-radius: 3px;
	width: auto;
	text-decoration: none;
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: middle
}
.button-01:hover {
	background: #0f75cb;
	text-decoration: none
}
#header {
	width: 100%;
	box-shadow: 0 0 3px rgba(0,0,0,0.6);
	position: relative;
	z-index: 99
}
@media screen and (max-width:768px) {
#header {
	clear: both;
	position: relative
}
}
#header >.bg {
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff
}
.logo {
	width: 14.61538461538462%;
	text-align: left;
	font-size: 1.6em;
	text-align: center;
	line-height: 4em;
	height: 4em;
	margin: 0 -1px
}
.logo a {
	float: left;
	line-height: 4em;
*font-size:4em;
	width: 100%;
	vertical-align: middle
}
.logo a:after {
	content: ' ';
	vertical-align: middle
}
.logo a img {
	vertical-align: middle;
	font-size: 0.715em
}
#navbar {
	float: right;
	font-size: 1.6em;
	text-align: left;
	width: 85%;
	position: relative;
	overflow: hidden
}
#navbar .navbar-overflow-bg {
	display: none;
	position: absolute;
	top: 0;
	width: 6.25em;
	bottom: 6px;
	left: 0;
	z-index: 2;
	background: url(../images/template/navbar-overflow-bg.png) left center no-repeat;
	background-size: 100% 100%;
	-ms-behavior: url(../js/backgroundsize.min.htc);
	behavior: url(../js/backgroundsize.min.htc)
}
#navbar .navbar-wrap {
	float: right;
	text-align: right;
	width: 300%;
*float:left;
*margin-left:-200%
}
#navbar .navbar-inline {
	float: right;
	text-align: right;
	line-height: 1.5em;
	padding: 0em 0
}
#navbar a {
	text-decoration: none
}
#navbar ul, #navbar ul >li {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
	position: relative
}
#navbar ul {
}
#navbar ul li {
	border-right: 1px solid #e3e6ea;
	margin: 0px 0 0px;
	padding: 0 4%
}
#navbar ul li:first-child {
	border-left: 1px solid #e3e6ea
}
#navbar ul li:hover {
	background: #005ead
}
#navbar .navbar-inline {
	width: 33.3333%
}
#navbar ul {
	width: 100%
}
#navbar ul li a {
	clear: both;
	float: left;
	height: 1.5em;
	font-size: 1em;
	color: #494949;
	padding: 1.3em 0 1.3em;
	margin: -0em 0;
	white-space: nowrap;
	text-align: left
}
#navbar ul li a >span {
	display: block;
	clear: both;
	font-family: "微软雅黑", Arial;
	font-size: 0.8125em;
	line-height: 1.3em
}
#navbar ul li.on {
	background: #005ead
}
#navbar ul li.on a {
	color: #fff
}
#navbar ul li:hover a {
	color: #fff !important
}
#navbar .navbar-wrap {
}
#navbar ul {
	float: left
}
#navbar .search:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}
#navbar .search {
	float: right;
	height: 100%;
	color: inherit;
	position: relative;
	overflow: hidden;

	padding: 1.34375em 0;
	padding-left: 2.625em;
	margin-right: 40px;
}
#navbar .search form {
	padding: 3px 0 0;
	margin: 0
}
#navbar .search input[type="reset"] {
	background: url(../images/template/icon.png) -8px -28px no-repeat
}
#navbar .search div {
	float: left;
	width: 18.71428571428571em;
	width: 0;
	background: #fff;
	border: 1px solid #d8dde3;
	overflow: hidden;
	padding: 0 0.5em;
	margin: -0.6785714285714285em 0;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	filter: alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
#navbar .search input[type="text"] {
	float: left;
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.875em;
	border: 0;
	padding: 0.6785714285714285em 0
}
#navbar .search .button, #navbar .search input[type="reset"] {
	float: right;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0.5em;
	top: 50%;
	margin-top: -10px;
	z-index: 50
}
#navbar .search .button {
	background: url(../images/template/search-btn2.png) no-repeat
}
#navbar .search .button.on {
	background: #fff url(../images/template/search-btn.png) no-repeat
}
@media screen and (max-width:768px) {
.logo {
	width: 100% !important
}
#navbar .navbar-wrap {
	width: 100% !important;
	margin: 0
}
#navbar {
	width: 100% !important
}
#navbar .navbar-inline {
	clear: both;
	width: 100% !important
}
#navbar ul li:first-child, #navbar ul li {
	border: 0
}
#navbar ul, #navbar ul li a {
	text-align: center
}
#navbar ul li a {
	padding: 0.5em 0 0.5em
}
#navbar .search {
	display: none;
	clear: both;
	width: 100%;
	margin: 1%;
	margin: auto
}
#navbar .search div {
	width: 100% !important;
	filter: alpha(opacity=100)!important;
	-webkit-opacity: 1!important;
	-moz-opacity: 1!important;
	-khtml-opacity: 1!important;
	opacity: 1!important
}
}
#banner {
	width: 100%;
	padding-top: 36.84210526315789%;
	overflow: hidden;
	position: relative;
	font-size: 1.1em
}
#banner >.pic {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center
}
#banner >.pic >img {
	float: left;
	width: 100%;
	height: 100%
}
#banner >.pic span {
	float: left;
	width: 100%;
	height: 700px;
	line-height: 700px;
	position: absolute;
	top: 40%;
	margin-top: -400px;
*margin-top:-400px;
	left: 0;
	right: 0;
	vertical-align: middle;
	text-align: center
}
#banner >.pic span img {
	width: 43.10526315789474%
}
#banner >.pic span i {
	font-style: normal;
	font-size: 0;
	vertical-align: middle;
	display: inline-block
}
#banner .wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center
}
#banner .wrapper .container {
	position: relative
}
#banner .list_01 {
	float: left;
	width: 36.5%
}
#banner .list_01 .left {
	float: left;
	width: 41%;
	padding-top: 41%;
	position: relative
}
#banner .list_01 .left .bg {
	background: #005ead;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	filter: alpha(opacity=96);
	-webkit-opacity: 0.9.6;
	-moz-opacity: 0.96;
	-khtml-opacity: 0.96;
	opacity: 0.96
}
#banner .list_01 .left .content, #banner .list_01 .right .content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 10%
}
#banner .list_01 .left .content h3 {
	float: left;
	font-size: 1.4em;
	color: #fff;
	padding: 21%;
	position: absolute;
	top: 0;
	left: 0
}
#banner .list_01 .left .content h3 b {
	clear: both;
	float: left;
	line-height: 1.2em
}
#banner .list_01 .left .content h3 span {
	clear: both;
	float: left;
	line-height: 1.2em;
	font-family: Latha;
	font-size: 0.857em
}
#banner .list_01 .left .content .more {
	float: left;
	line-height: 1.5em;
	font-family: Latha;
	font-size: 1.2em;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 12% 21%
}
#banner .list_01 .left .content .more b {
	width: 4px;
	height: 1em;
	background: url(../images/template/icon.png) -48px -2px no-repeat;
	margin-left: 0.5em;
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: top
}
#banner .list_01 .right {
	float: left;
	width: 59%;
	padding-top: 41%;
	position: relative
}
#banner .list_01 .right .bg {
	background: #2b2f38;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	filter: alpha(opacity=96);
	-webkit-opacity: 0.9.6;
	-moz-opacity: 0.96;
	-khtml-opacity: 0.96;
	opacity: 0.96
}
#banner .list_01 .right ul {
	top: -0.5em !important;
	padding: 3% 0 0 0
}
#banner .list_01 .right ul li {
	float: left;
	width: 47%;
	font-size: 1.2em;
	line-height: 2em;
	color: #fff;
	padding: 2.5% 3% 0 0
}
#banner .list_01 .right ul li a {
	float: left;
	width: 90%;
	padding-left: 1em;
	color: #fff;
	background: url(../images/template/dian_3px_fff.png) left center no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#banner .list_02 {
	float: left;
	width: 36.5%;
	position: relative
}
#banner .list_02 .list {
	float: left;
	position: relative
}
#banner .list_02 .pic {
	float: left;
	width: 41%;
	padding-top: 41%;
	position: relative;
	overflow: hidden;
	top: 0
}
#banner .list_02 .pic span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
#banner .list_02 div.right {
	float: right;
	padding-top: 41%;
	position: relative;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
#banner .list_02 div.right .bg {
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	filter: alpha(opacity=96);
	-webkit-opacity: 0.9.6;
	-moz-opacity: 0.96;
	-khtml-opacity: 0.96;
	opacity: 0.96
}
#banner .list_02 div.right .contents {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
#banner .list_02 div.right h3 {
	float: right;
	width: 46%;
	padding-right: 7%;
	line-height: 2em;
	height: 2em;
	font-size: 1.6em;
	text-align: left;
	margin-top: 9%;
	overflow: hidden
}
#banner .list_02 div.right h3 a {
	color: #005ead
}
#banner .list_02 div.right p {
	float: right;
	width: 46%;
	padding-right: 7%;
	height: 3em;
	text-align: left;
	line-height: 1.5em;
	font-size: 1.3em;
	overflow: hidden
}
#banner .list_02 div.right ul {
	position: absolute;
	top: 0;
	left: 0
}
#banner .list_02 div.right ul li {
	float: left
}
#banner .list_02 div.right .slick-prev, #banner .list_02 div.right .slick-next {
	float: left;
	position: absolute;
	top: 20%;
	width: 14px;
	height: 14px;
	background: url(../images/template/icon.png);
	padding: 3px 3px 3px 3px;
	cursor: pointer
}
#banner .list_02 div.right .slick-prev {
	background-position: -4px 3px;
	right: 50%;
	left: auto
}
#banner .list_02 div.right .slick-next {
	background-position: -25px 3px;
	left: 50%;
	right: auto
}
#banner .list_02 div.right .slick-prev:hover {
	background-position: -4px -10px
}
#banner .list_02 div.right .slick-next:hover {
	background-position: -25px -10px
}
#banner .list_02 div.right .more {
	font-family: Latha;
	color: #9ba9b4;
	position: absolute;
	right: 8%;
	bottom: 10%
}
#banner .list_03 {
	float: left;
	width: 27%;
	padding-top: 13.2%;
*padding-left:2px;
	position: relative;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0
}
#banner .list_03 .bg {
	background: #005ead;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	filter: alpha(opacity=96);
	-webkit-opacity: 0.9.6;
	-moz-opacity: 0.96;
	-khtml-opacity: 0.96;
	opacity: 0.96
}
#banner .list_03 .content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center
}
#banner .list_03 .content >span {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -150px;
	left: 0;
	width: 100%;
	height: 300px;
	line-height: 300px
}
#banner .list_03 a {
	display: inline-block;
*display:inline;
*zoom:1;
	line-height: 50px;
	font-size: 2em;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}
#banner .list_03 a .icon {
	float: left;
	width: 40px;
	height: 50px;
	background: url(../images/template/icon.png) -13px -225px no-repeat;
	margin-left: 0px
}
#banner .list_03 i {
	font-style: normal;
	font-size: 0;
	vertical-align: middle;
	display: inline-block
}
@media screen and (max-width:910px) {
#banner .list_01, #banner .list_02 {
	width: 50%
}
#banner .list_03 {
	display: none
}
}
.index_main {
	padding: 2% 0 2%;
}
.column-wrap {
}
.column-wrap .container {
	padding: 4em 0
}
.column {
	float: left;
	width: 31%;
	padding-right: 4.2%
}
@media screen and (max-width:767px) {
.column:first-child {
	float: left
}
.column {
	width: 100%;
	padding: 0
}
}
@media screen and (max-width:480px) {
.column {
	clear: both;
	width: 100%;
	padding-right: 0
}
}
.column:after, .column-title:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}
.column-title {
	clear: both;
	float: left;
	width: 100%;
	position: relative
}
.column-title h3 {
	float: left;
	width: 100%;
	color: #005ead;
	line-height: 1.2em;
	padding: 1em 0;
	position: relative
}
.column-title .column-more-ico {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
	overflow: hidden;
	text-indent: -9999em
}
.column-title .column-more-ico span {
	float: left;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	background: url(../images/template/icon1.png) no-repeat;
	background-position: 100% 0
}
.column-contents {
	clear: both
}
.column-contents:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}
.column-title h3 .column-more {
	display: block;
	font-size: 0.9em;
	color: #005ead;
	line-height: 1.5em;
	position: absolute;
	top: 50%;
	right: 0;
	padding-left: 1.3em;
	margin-top: -0.75em;
	background: url(../images/template/more.png) left center no-repeat;
	text-decoration: underline
}
.column-title h3 b {
	color: #2d313a;
	float: left;
	font-weight: 100
}
.column-title h3 b+b {
	margin-left: 1em
}
.column-title h3 b.on {
	color: #005ead;
	padding-left: 1.5em;
	background: url(../images/template/xx.png) left center no-repeat
}
.column p {
	font-size: 1.3em;
	line-height: 2em
}
.column .column-about-list {
	clear: both;
	width: 100%;
	height: 12em;
	overflow: hidden
}
@media screen and (max-width:767px) {
.column .column-about-list {
	height: 6em
}
}
.column-news-list {
	clear: both;
	padding-left: 6em;
	display: inline-block;
	width: 90%;
}
.column-news-list li {
	float: left;
	width: 100%
}
.column-news-list li+li {
	margin-top: 1em
}
.column-news-list h4 {
	float: left;
	width: 100%;
	font-size: 1.4em;
	line-height: 2em;
	margin-top: -0.25em
}
.column-news-list h4 a {
	float: left;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.column-news-list p {
	float: left;
	width: 90%;
	height: 1.4em;
	line-height: 1.4em;
	overflow: hidden;
	color: #85909f
}
.column-news-list h6 {
	float: left;
	display: block;
	width: 4em;
	font-size: 0.9em;
	font-size: 1.05em\9;
	margin-left: -6em
}
.column-news-list h6 b {
	display: block;
	font-weight: 100;
	font-size: 3em;
	line-height: 1em;
	text-align: center
}
.column-news-list li:first-child h6 {
	color: #0158a0
}
.column-news-list li:first-child+li h6 {
	color: #418dcb
}
.column-news-list li:first-child+li+li h6 {
	color: #88bae2
}
.column-product {
}
.column-product h4 {
	clear: both;
	height: 2em;
	line-height: 2em;
	font-size: 1.6em;
	overflow: hidden
}
.column-product p {
	font-size: 1.3em;
	height: 3em;
	line-height: 1.5em;
	overflow: hidden
}
.column-product-list {
	clear: both;
	position: relative;
	overflow: hidden
}
.column-product-list a {
	color: #005ead
}
.column-product-list .pic {
	clear: both;
	width: 100%;
	padding: 100% 0 0 0;
	margin: 1em auto 0.5em;
	overflow: hidden;
	position: relative
}
.column-product-list .pic >* {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #eee;
	overflow: hidden
}
.column-product-list .pic img {
	width: 100%;
	position: relative;
	z-index: 1
}
.column-product-list .pic a span {
	background: #fff;
	float: left;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
	background: #1985de url(../images/template/icon-02.png) center no-repeat;
	filter: alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease
}
.column-product-list .pic:hover a span {
	filter: alpha(opacity=80);
	-webkit-opacity: 0.8;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0.8
}
.column-product {
	background: #eaf1f7;
	border-top: 1px solid #d9e1e8;
	overflow: hidden
}
.column-product .tab-contents {
}
.column-product .column-title h3 {
	margin-top: 2%
}
.column-product .slick {
	padding-bottom: 10%
}
.column-product .slick-prev, .column-product .slick-next {
	height: 40px;
	width: 40px;
	top: 100%;
	margin-top: -7%;
	background: #eaf1f7 url(../images/template/icon1.png) no-repeat;
	background-size: 700%
}
.column-product .slick-prev {
	right: 51%;
	left: auto;
	background-position: 0 50%
}
.column-product .slick-prev:hover {
	background-position: 0 100%
}
.column-product .slick-next {
	left: 51%;
	right: auto;
	background-position: 16.66666666666667% 50%
}
.column-product .slick-next:hover {
	background-position: 16.66666666666667% 100%
}
.online_consultation {
	float: left;
	width: 29.7%;
	font-size: 1.8em;
	text-align: left;
	padding-top: 15.7%;
	margin: 1em -1px 0 -1px;
	position: relative;
	overflow: hidden
}
.online_consultation img {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0
}
.online_consultation .content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 9.5% 9.2% 9.2%;
	border: 1px solid #d9e1e8
}
.online_consultation p {
	line-height: 1.5em;
	font-size: 0.8333333333333333em;
	color: #31353e
}
.online_consultation h4 {
	line-height: 1.5em;
	font-size: 1.444444444444444em;
	color: #005aa7
}
.online_consultation a {
	clear: both;
	float: left;
	width: 7.8em;
	margin: 3% 0 0 0;
	line-height: 2.8em;
	font-size: 0.8125em;
	color: #fff;
	background: #005aa7;
	text-align: center;
	text-decoration: none
}
.online_consultation a:hover {
	background: #0d73ca
}
.column-product-list .pic >* {
	border: 1px solid #d9e4ed
}
@media screen and (max-width:767px) {
.column-product .slick-prev, .column-product .slick-next {
	margin-top: -8%
}
.online_consultation {
	display: none;
	clear: both;
	width: 100%;
	padding-top: 52.86195286195286%
}
}
#main {
	overflow: hidden
}
.in-banner {
	width: 100%;
	padding-top: 14.73684210526316%;
	position: relative;
	z-index: 0;
	overflow: hidden
}
.in-banner >.pic {
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.in-banner >.pic >img {
	float: left;
	width: 100%;
	height: 100%;
	position: relative
}
.in-banner .content {
	height: 0;
	line-height: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}
.in-banner .content .container {
	line-height: 0
}
.in-banner .wrap {
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.in-banner .wrap .container {
	height: 100%;
*zoom:1
}
.in-banner .wrap .container img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.in-banner {
	background: #fff;
	text-align: center
}
.in-banner #share {
	clear: both;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}
.in-banner #share .bshare-custom {
	font-size: 1em !important
}
.in-banner #share .bshare-custom a {
	font-size: 2em;
	width: 2em;
	height: 0;
	padding: 2em 0 0 0;
	background: url(../images/template/share-40.png) 0 center no-repeat;
	background-size: 500% 100%;
	margin: 0;
	width: 40px\9;
	padding: 40px 0 0 0\9
}
.in-banner #share .bshare-custom .taojianghu {
	background-position: 100% center
}
.in-banner #share .bshare-custom .sina {
	background-position: 75% center
}
.in-banner #share .bshare-custom .qq {
	background-position: 0% center
}
.in-banner #share .bshare-custom .weixin {
	background-position: 50% center
}
.in-banner #share .bshare-custom .itieba {
	background-position: 25% center
}
#page {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 1.4em
}
#page a {
	font-size: 1.142857142857143em;
	width: 1.875em;
	height: 1.875em;
	line-height: 1.875em;
	color: #707070;
	margin: 3px;
	border: 1px solid #e3eaf0;
	display: inline-block;
*display:inline;
*zoom:1;
	border-radius: 1000px;
	vertical-align: middle
}
#page a.on, #page a:hover {
	color: #fff;
	background: #0a64b0;
	text-decoration: none;
	border: 1px solid #0a64b0
}
#sidebar {
	float: left;
	width: 21.11111111111111%;
	position: relative;
	padding: 0 0 3.84615384615385%;
	z-index: 2
}
.sidebar-title {
	width: 100%;
	color: #fff;
	padding: 1.5em 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	text-align: center
}
.sidebar-title >* {
	position: relative;
	z-index: 1
}
.sidebar-title .bg {
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #005195;
	z-index: 0;
	filter: alpha(opacity=93);
	-webkit-opacity: 0.93;
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	opacity: 0.93
}
.sidebar-title h2 {
	font-size: 2.6em;
	font-weight: 700;
	text-transform: uppercase
}
.sidebar-title p {
	font-size: 1.6em
}
#sidebar:after, .sidebar-menu:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}
.sidebar-menu {
	width: 100%;
	font-size: 1.5em;
	background: #fff;
	text-align: center;
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
	position: relative;
	z-index: 1;
	border: 1px solid #d4e0ea;
	margin: -1px
}
.sidebar-menu a {
	text-decoration: none;
	color: #2d3039
}
.sidebar-menu >li {
	clear: both;
	float: left;
	width: 100%;
	line-height: 3.34em;
	padding: 3.34em 0 0;
	border-top: 1px solid #d4e0ea;
	position: relative
}
.sidebar-menu >li:first-child {
	border: none
}
.sidebar-menu >li ul {
	visibility: hidden;
	width: 16.5em;
	font-size: 0.933333em;
	padding: 0.928571em 0;
	position: absolute;
	top: 0;
	left: 100%;
	background: rgba(14,111,196,0.95);
	background: #1a76c7\0;
*background:#1a76c7
}
.sidebar-menu >li ul li {
	clear: both;
	width: 100%;
	line-height: 2.84em;
	padding: 2.75em 0 1px;
	position: relative
}
.sidebar-menu >li ul ul {
	font-size: 1em
}
.sidebar-menu >li ul a {
	color: #aedaff
}
.sidebar-menu >li a {
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 0;
	right: 0
}
.sidebar-menu >li.on >a {
	color: #005ead
}
.sidebar-menu >li:hover >a {
	color: #fff;
	padding: 0;
	background: rgba(14,111,196,0.95);
	background: #1a76c7\0;
*background:#1a76c7
}
.sidebar-menu >li li:hover a {
	color: #fff
}
.sidebar-menu li:hover >ul {
	visibility: visible
}
.sidebar-contact {
	float: left;
	width: 100%;
	color: #005ead;
	text-align: center;
	padding: 2em 0;
	border-top: 1px solid #fff;
	background: #f7fafc;
	text-align: center;
	border: 1px solid #d4e0ea;
	margin: -1px;
	white-space: nowrap
}
.sidebar-contact >* {
	float: left;
	padding-left: 21%
}
.sidebar-contact h3 {
	clear: both;
	height: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 2em
}
@media screen and (max-width:910px) {
.sidebar-contact p {
	font-size: 1.2em
}
.sidebar-contact h3 {
	font-size: 1.6em
}
}
.sidebar-contact h3 span {
	width: 1.3em;
	height: 1.3em;
	margin: 0 0.25em -0.15em -1.55em;
	background: url(../images/template/cell.png) center no-repeat;
	display: inline-block;
*display:inline;
*zoom:1;
	width: 26px\9;
	height: 26px\9
}
.sidebar-contact p {
	font-weight: bold;
	color: #587995;
	font-size: 1.4em
}
@media screen and (max-width:768px) {
#sidebar {
	float: none !important;
	width: 100%;
	margin-bottom: 3%
}
.sidebar-title {
	position: relative;
	top: auto;
	bottom: auto
}
.sidebar-menu {
	float: left;
	width: 100%;
	position: relative
}
.sidebar-menu a {
	text-decoration: none
}
.sidebar-menu >li {
	clear: both;
	float: left;
	width: 100%;
	line-height: 3.34em;
	padding: 0 0 0;
	position: static;
	border-right: 1px solid #d9e3eb
}
.sidebar-menu >li a {
	background: none !important
}
.sidebar-menu >li:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.sidebar-menu >li:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}
.sidebar-menu >li ul {
	display: none;
	width: 100%;
	background: none;
	position: relative;
	padding: 0.928571em 0;
	top: 0;
	left: auto;
	right: 0
}
.sidebar-menu >li:hover {
	background: #0d7ddc
}
.sidebar-menu >li:hover ul {
	display: block;
	background: #0a4f9d
}
.sidebar-menu >li ul li {
	padding: 0 0 1px
}
.sidebar-menu >li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative
}
.sidebar-contact >* {
	float: none;
	padding: 0
}
}
#content2, #content {
	float: right;
	width: 74.35897435897436%;
	padding: 0 0 3.84615384615385%;
	margin-top: 3.84615384615385%;
	position: relative;
	z-index: 1
}
@media screen and (max-width:767px) {
#content2, #content {
	width: 100%
}
}
#content >.title {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e5e5e5
}
#content >.title h2 {
	float: left;
	font-size: 2.4em;
	color: #004899;
	line-height: 1.3em;
	margin-top: -0.15em;
	padding-bottom: 0.85em
}
#content >.title h2 b {
	float: left;
	border-bottom: 1px solid #004899;
	padding-bottom: 0.85em;
	margin-bottom: -0.85em;
	margin-right: 0.3em
}
#content >.title h2 span {
	float: left;
	color: #8291a1;
	margin: 0.05em 0 -0.5em
}
#content >.title .breadcrumb {
	float: right;
	line-height: 2.5em;
	font-size: 15px;
	color: #005ead
}
#content >.title .breadcrumb a, #content >.title .breadcrumb span {
	color: #9dadba
}
#content .content {
	clear: both;
	padding-top: 4.52991452991453%
}
.list_3col_70 ul {
	float: left;
	width: 104%;
	margin: 0 0 0 -4%
}
.list_3col_70 ul li {
	float: left;
	width: 29.3%;
	text-align: center;
	margin: 0 0 10px 4%
}
.list_3col_70 ul li div {
	float: left;
	width: 100%;
	padding-top: 65%;
	position: relative
}
.list_3col_70 ul li div a, .list_3col_70 ul li div span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #d9e4ed;
	overflow: hidden
}
.list_3col_70 ul li div img {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0
}
.list_3col_70 ul li >a, .list_3col_70 ul li >span {
	line-height: 3.6em;
	font-size: 1.5em;
	text-align: center
}
.course {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #fff
}
.course ul {
	padding: 0;
	;
	list-style: none !important
}
.course .course_listbtn {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding-top: 0.75em;
	margin-bottom: 1em;
	overflow: visible
}
.course .course_listbtn ul {
	float: left;
	width: 200%;
	color: #92979c;
	position: relative
}
.course .course_listbtn li {
	float: left;
	width: 100px;
*width:95px;
	text-align: center;
	position: relative;
	padding-bottom: 25px;
	cursor: pointer
}
.course .course_listbtn li b {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: -20px 0 0 -20px;
	z-index: 1;
	background: url(../images/template/icon1.png) no-repeat;
	background-size: 700%;
	background-position: 83.33333333333335% 50%
}
@media screen and (max-width:1199px) {
.course .course_listbtn li b {
	width: 38px;
	height: 38px;
	margin: -19px 0 0 -19px
}
}
@media screen and (max-width:1023px) {
.course .course_listbtn li {
	width: 80px
}
.course .course_listbtn li b {
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px
}
}
@media screen and (max-width:768px) {
.course .course_listbtn ul {
	left: 0 !important;
	width: 100% !important
}
.course .course_listbtn li {
	width: 50px;
	padding-bottom: 34px !important
}
.course .course_listbtn li b {
	width: 34px;
	height: 34px;
	margin: -17px 0 0 -17px;
	top: auto;
	bottom: 0
}
}
@media screen and (max-width:480px) {
}
.course .course_listbtn li:hover {
	cursor: pointer
}
.course .course_listbtn li.on:hover {
	cursor: default
}
.course .course_listbtn li.on b {
	background: url(../images/template/icon1.png) no-repeat;
	background-size: 700%;
	background-position: 83.33333333333335% 100%
}
.course .course_listconten {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative
}
.course .course_listconten ul {
	position: relative;
	list-style: none !important
}
.course .course_listconten li {
	float: left;
	padding: 2em 0;
	text-align: left
}
.course .course_listconten li p {
	text-align: left !important
}
.course .course_listconten li p img, .course .course_listconten li img {
	float: right;
	max-width: 100%;
	margin: 0.75em 0 0 1em
}
.contact #content .content {
	padding-left: 8em
}
.contact h3 b, .contact h4 b {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	margin: -5px 0 0 -4em;
	position: relative;
	left: -10px;
	background: url(../images/template/icon1.png) no-repeat;
	background-size: 700%
}
@media screen and (max-width:1023px) {
.contact h4 b {
	width: 35px;
	height: 35px
}
}
.message p span {
	color: #005ead
}
.message .form {
	text-align: center
}
.message .form input[type=button], .message .form input[type=submit] {
	float: none
}
.message .form-3col li {
*margin-bottom:2.142857142857142em
}
.product #content .content {
	padding-top: 3%
}
.product #content >.title {
	border: 0
}
.product #content >.title h2 {
	padding-bottom: 0
}
.product #content >.title h2 b {
	border: 0
}
.product .row-col-wrap {
	padding-bottom: 11.20331950207469%
}
.product-details #content {
	border: 1px solid #d4e0ea
}
.product-details #content .left {
	float: left;
	width: 61.14285714285714%
}
.product-details #content .left .cont {
	padding: 3em
}
.product-details #content .left h2 {
	font-size: 2.6em;
	font-weight: bold;
	color: #005ead;
	line-height: 1.3em;
	margin: -0.15em 0
}
.product-details .breadcrumb {
	float: left;
	width: 100%;
	font-size: 1.4em;
	color: #3276b0;
	line-height: 2.85em;
	padding-bottom: 1em
}
.product-details .breadcrumb span, .product-details .breadcrumb a {
	color: #9dadba
}
.product-details #content .left p {
	font-size: 1.4em;
	margin-bottom: 3em
}
.product-details #content .left .button-01 {
	font-size: 1.6em;
	padding: 0 2.8888888888888888em;
	border-radius: 0
}
.product-details #content .right {
	float: left;
	width: 38.85714285714286%
}
.product-details #content .right .slick-dots li {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden
}
.product-details #content .right .slick-dots li button {
	overflow: hidden;
	opacity: 1;
	color: #fff
}
.product-details #content .right .slick-dots .slick-active {
	background: #005ead
}
.product-details #content .right .slick-dots .slick-active button {
	color: #005ead
}
.product-details #content .tabswitch {
	float: left;
	width: 100%
}
.product-details #content .tabswitch .tabbtn {
	float: left;
	width: 33.333%;
	font-size: 1.6em;
	color: #7b7c80;
	padding-top: 1.666666666666667em;
	text-align: center;
	border-top: 1px solid #d4e0ea
}
.product-details #content .tabswitch .tabbtn.on {
	color: #005ead;
	border-color: #005ead
}
.product-details #content .tab-contents {
	clear: both
}
.product-details #content2 {
	margin-top: 0
}
.product-details #content2 h3 {
	color: #005ead;
	line-height: 3.5em;
	padding-bottom: 0.5em
}
.product-details #content2 a {
	color: #2d3039
}
.product-details .box .pic {
	border: 1px solid #d9e4ed;
	margin-left: -1px
}
.list_row {
	padding-top: 0 !important
}
.list_row ul {
	clear: both;
	float: left;
	width: 100%;
	font-size: 1.6em;
	padding: 0.3em 0 0 0;
	padding-bottom: 4.12371134020619%
}
.list_row ul li {
	clear: both;
	height: 4.5em;
	padding: 2em 6.2em 2em 6.5em;
	border-bottom: 1px dashed #cbcbcb;
	position: relative
}
.list_row h4 {
	font-size: 1em;
	margin: -0.25em 0 0 0
}
.list_row h4 a {
	clear: both;
	color: #0a64b0;
	text-align: left
}
.list_row p {
	height: 3em;
	line-height: 1.5em;
	font-size: 0.875em;
	color: #5d616b;
	overflow: hidden;
	text-align: left
}
.list_row .pic {
	float: left;
	width: 4.5em;
	padding-top: 4.5em;
	background: #eee;
	position: absolute;
	top: 2em;
	left: 0;
	overflow: hidden
}
.list_row .pic a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.list_row .pic img {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.list_row .right {
	float: right;
	width: 4.2em;
	text-align: center;
	position: absolute;
	top: 1.5em;
	right: 0
}
.list_row .right h2 {
	clear: both;
	float: left;
	width: 100%;
	line-height: 1.4em;
	font-size: 2.375em;
	color: #0158a0
}
.list_row .right h2 span {
	display: block;
	border: 1px solid #d5e3ef;
	border-bottom: none
}
.list_row .right h6 {
	clear: both;
	float: left;
	width: 100%;
	line-height: 2.1em;
	font-size: 0.625em;
	color: #fff;
	background: #0158a0;
	text-align: center
}
.list_row ul li:first-child+li h2 {
	color: #2076c0
}
.list_row ul li:first-child+li h6 {
	background: #2076c0
}
.list_row ul li:first-child+li+li h2 {
	color: #348cd8
}
.list_row ul li:first-child+li+li h6 {
	background: #348cd8
}
.list_row ul li:first-child+li+li ~ li h2 {
	color: #4ca5f2
}
.list_row ul li:first-child+li+li ~ li h6 {
	background: #4ca5f2
}
.telescopic >* {
	padding: 2.061855670103095% 4.12371134020619%;
	zoom: 1;
	border-bottom: 1px solid #d4e0ea
}
.telescopic >*:hover {
	background: #f9fcff
}
.telescopic .telescopic-title {
	font-size: 1.6em;
	position: relative;
	text-decoration: none
}
.telescopic .telescopic-title a {
	font-size: 1em;
	position: relative;
	text-decoration: none
}
.telescopic .telescopic-title b {
	float: left;
	width: 40px;
	height: 40px;
	margin: -10px 0 0 -2.5em;
	overflow: hidden;
	background: url(../images/template/icon1.png) no-repeat;
	background-size: 700%;
	background-position: 66.66666666666667% 100%
}
.telescopic .telescopic-title.on b {
	background-position: 66.66666666666667% 50%
}
@media screen and (max-width:1199px) {
.telescopic .telescopic-title b {
	width: 38px;
	height: 38px;
	margin: -10px 0 -10px -2.5em
}
}
@media screen and (max-width:1023px) {
.telescopic .telescopic-title b {
	width: 34px;
	height: 36px;
	margin: -8px 0 0 -2.5em
}
}
@media screen and (max-width:768px) {
.telescopic .telescopic-title b {
	width: 34px;
	height: 34px;
	margin: -8px 0 0 -2.5em
}
}
@media screen and (max-width:480px) {
.telescopic .telescopic-title b {
	width: 34px;
	height: 34px;
	margin: -8px 0 0 -2.5em
}
}
.telescopic .telescopic-cont {
	padding-top: 2.061855670103095%
}
.faq h3 {
	color: #005ead
}
.faq .form-1col {
	margin-bottom: 1em
}
.download-list {
	font-size: 1.4em;
	padding-top: 0 !important
}
.download-list li {
	height: 4.428571428571428em;
	padding: 2.142857142857143em 8.714285714285714em;
	position: relative
}
.download-list+#page {
	height: 8.714285714285714em;
	line-height: 8.714285714285714em;
	border-top: 1px solid #d9e3eb
}
.download-list li+li {
	border-top: 1px solid #d9e3eb
}
.download-list li >h3, .download-list li >h4, .download-list li >h5, .download-list li >h6 {
	width: 100%;
	height: 2em;
	line-height: 2em;
	font-size: 1.142857142857143em;
	margin-top: -0.5em;
	overflow: hidden
}
.download-list li p {
	width: 100%;
	height: 3em;
	line-height: 1.5em;
	font-size: 1em;
	overflow: hidden
}
.download-list li .download-icon, .download-list li .download-btn {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px
}
@media screen and (max-width:1200px) {
.download-list li .download-icon, .download-list li .download-btn {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -35px
}
}
.download-list li .download-icon {
	float: left;
	margin-left: -6.571428571428571em;
	background: #e1f8fa;
	left: 8.714285714285714em;
	background: url(../images/template/icon3.png) center no-repeat
}
.download-list li .download-btn {
	float: right;
	margin-right: -6.571428571428571em;
	background: #005ead;
	right: 8.714285714285714em;
	background: url(../images/template/icon2.png) left no-repeat;
	background-size: auto 100%
}
.download-list li .download-btn:hover {
	background-position: right
}
.download-button {
	clear: both
}
.download-button a {
	display: block;
	width: 80px;
	height: 80px;
	margin: auto;
	background: url(../images/template/icon2-2.png) left no-repeat;
	background-size: auto 100%;
	overflow: hidden;
	text-indent: -999em
}
#footer {
	background: #f9fbfe;
	border-top: 1px solid #e4eaef
}
#footer .top {
	padding: 48px 0;
	text-align: right
}
.footer-menu {
	text-align: left;
	width: 65%;
	vertical-align: top;
	border-right: 1px solid #ececec
}
.footer-menu ul {
	float: left;
	width: 20%
}
.footer-menu ul li {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden
}
.footer-menu h1, .footer-menu h2, .footer-menu h3, .footer-menu h4, .footer-menu h5, .footer-menu h6 {
	float: left;
	font-size: 1.6em;
	color: #22405a;
	line-height: 2.5em;
	margin-top: -0.75em
}
.footer-menu li a {
	float: left;
	width: 100%;
	height: 2.5em;
	color: #22405a;
	line-height: 2.5em;
	font-size: 1.3em;
	overflow: hidden
}
#footer .erweima {
	margin-top: 2%;
	text-align: left;
	height: 120px;
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: middle;
*white-space:nowrap
}
#footer .erweima img, #footer .erweima h3 {
	text-align: right;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 2.4em;
	color: #0a64b0;
	margin: 0 7px;
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: middle
}
#footer .erweima img {
	width: 120px;
	margin: 0 15px 0
}
#footer .erweima h3 small {
	clear: both;
	line-height: 1em;
	font-weight: 100;
	font-size: 0.58333em;
	color: #22405a
}
#footer .copyright {
	padding: 30px 0;
	background: #2d3039
}
#footer .copyright p, #footer .copyright p a {
	font-size: 1.2em;
	color: #7b7e85
}
@media screen and (max-width:1023px) {
.footer-menu {
	clear: both;
	float: left;
	width: 100%
}
#footer .erweima {
	display: none;
	clear: both;
	float: right;
	width: 100%;
	text-align: right
}
}
@media screen and (max-width:767px) {
.footer-menu ul li:first-child ~ li {
	display: none
}
.footer-menu ul:hover li:first-child ~ li {
	display: block
}
.footer-menu {
	width: 100%;
	border: 0
}
#footer .erweima {
	display: none
}
}
.column1 {
	float: left;
	width: 31%;
	padding-right: 4%
}
.column-title1 {
	clear: both;
	float: left;
	width: 250px;
	position: relative
}
.column-title1 h3 {
	float: left;
	width: 100%;
	color: #005ead;
	line-height: 1.2em;
	padding: 1em 0;
	position: relative
}
.column-contents1 {
	clear: both;
	width: 250px;
	margin-left: 1px;
}
.column2 {
	float: left;
	width: 28%;
	padding-right: 1%
}